function showChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, chartType, dataIndex, unit, subtext, form, show, bigtype, stry) {
    if (chartType == "column") {
        showColumnChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext)
    }
    if (chartType == "columnandline") {
        showColumnAndLineChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, form)
    }

    if (chartType == "bar") {
        showBarChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext, form, show)
    }
    if (chartType == "bar" && bigtype == "bigbar") {

        showBigBarChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext, form, show)
    }
    if (chartType == "line") {
        showLineChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit)
    }
    if (chartType == "pie") {
        if (stry == "1") {
            var str = {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    /* distance: -50,
                    style: {
                    color: 'white'
                    },*/
                    formatter: function () {
                        return this.point.name;
                    }
                }
            }


        } else {
            var str = {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    distance: -50,
                    style: {
                        color: 'white'
                    },
                    formatter: function () {
                        return this.point.name;
                    }
                }
            }
        }
        showPieChart(chartContainer, chartTopic, dataValues, unit, str)
    }
    if (chartType == "map") {
        var gdpData = gdpbfsrData;
        showMapChart(chartContainer, dataValues, gdpData)
    }
}
function showColumnAndLineChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, form) {
    chartContainer.highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: chartTopic,
            y: 20,
            style: {
                height: "50px",
                display: "block",
                color: "#274b6d",
                fontFamily: "微软雅黑",
                fontSize: "20px"
            }
        },
        colors: [
            '#009ad9', //第一个颜色
            '#e8bf00', //。。。。
            '#5ab700'//。。。。
        ],
        subtitle: {
            text: ''
        },
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}%',
                style: {
                    color: '#eea02e'
                }
            },
            title: {
                text: ' ',
                style: {
                    color: '#eea02e'
                }
            }
        }, { // Secondary yAxis
            title: {
                text: ' ',
                style: {
                    color: '#009ad9'
                }
            },
            labels: {
                format: '{value}' + form,
                style: {
                    color: '#009ad9'
                }
            },
            opposite: true
        }],
        xAxis: {
            categories: xCategories,
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '11px',
                    fontFamily: '宋体',
                    color: 'black'
                }
            }
        },
        tooltip: {
            shared: true
        },
        series: dataValues
    })
}
function showColumnChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext) {
    chartContainer.highcharts({
        chart: {
            type: "column",
            shadow: false
        },
        title: {
            text: chartTopic + '（' + subtext + '）',
            y: 20,
            style: {
                height: "50px",
                display: "block",
                color: "#274b6d",
                fontFamily: "微软雅黑",
                fontSize: "20px"
            }
        },
        colors: [
            '#009ad9', //第一个颜色
            '#e8bf00'
        ],
        yAxis: {
            title: {
                text: yCategories
            },
            labels: {
                formatter: function () {
                    return this.value + unit;
                }
            }
        },
        xAxis: {
            categories: xCategories,
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '11px',
                    fontFamily: '宋体',
                    color: 'black'
                }
            }
        },
        tooltip: {
            formatter: function () {
                return "<b>" + this.series.name + "</b><br/>" + this.x + ": " + this.y + unit
            }
        },
        labels: {
            items: [
                {
                    html: "",
                    style: {
                        left: "40px",
                        top: "8px",
                        color: "black"
                    }
                }
            ]
        },
        /* plotOptions: {
        column: {
        stacking: stackType
        }
        },*/
        series: dataValues

    })
}
function showBarChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext, form, showtype) {
    chartContainer.highcharts({
        chart: {
            type: "bar",
            shadow: false
        },
        title: {
            text: chartTopic + '（' + subtext + '）',
            y: 20,
            style: {
                height: "50px",
                display: "block",
                color: "#274b6d",
                fontFamily: "微软雅黑",
                fontSize: "20px"
            }
        },
        colors: [
            '#009ad9', //第一个颜色
            '#e8bf00'
        ],
        tooltip: {
            show: showtype
        },
        xAxis: {
            categories: xCategories,
            labels: {
                /* rotation: -45,*/
                align: 'right',
                style: {
                    fontSize: '11px',
                    fontFamily: '宋体',
                    color: 'black'
                }
            }
        },
        yAxis: {
            title: {
                text: yCategories
            },
            labels: {
                formatter: function () {

                    return this.value + unit;
                }
            }
        },
        tooltip: {
            show: true
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    /*enabled: true*/
                    enabled: showtype,
                    formatter: function () {
                        return this.y + unit;
                    }

                }
            }
        },
        credits: {
            enabled: false
        },

        series: dataValues
    })
}
function showBigBarChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit, subtext, form, show) {
    chartContainer.highcharts({
        chart: {
            type: "bar",
            shadow: false
        },
        title: {
            text: chartTopic,
            subtext: subtext
        },
        xAxis: {
            categories: xCategories,
            labels: {
                /* rotation: -45,*/
                align: 'right',
                style: {
                    fontSize: '11px',
                    fontFamily: '宋体',
                    color: 'black'
                }
            }
        },
        yAxis: {
            title: {
                text: yCategories
            },
            labels: {
                formatter: function () {

                    return this.value + unit;
                }
            }
        },
        tooltip: {
            enabled: true,
            formatter: function () {
                return "<b>" + this.x + "</b>" + ": " + this.y + unit + form;
            }
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    /*enabled: true*/
                    enabled: showtype,
                    formatter: function () {
                        return this.y + unit;
                    }

                }
            }
        },
        legend: {
            layout: 'vertical',
            verticalAlign: 'top',
            x: 5,
            y: 0,
            borderWidth: 1,
            labelFormatter: function () {
                return this.name + '&nbsp';
            },
            useHTML: true
        },
        credits: {
            enabled: false
        },

        series: dataValues
    })
}
function showLineChart(chartContainer, chartTopic, xCategories, yCategories, dataValues, unit) {
    chartContainer.highcharts({
        chart: {
            type: "line",
            v: "rgb(244, 244, 244)",
            shadow: false
        },
        title: {
            text: chartTopic
        },
        colors: [
            '#009ad9', //第一个颜色
            '#e8bf00', //。。。。
            '#5ab700', //。。。。
            '#00d9a8' //。。。。
        ],
        xAxis: {
            categories: xCategories,
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '11px',
                    fontFamily: '宋体',
                    color: 'black'
                }
            }
        },
        yAxis: {
            title: {
                text: yCategories
            },
            labels: {
                formatter: function () {

                    return this.value + unit;
                }
            }
        },
        tooltip: {
            enabled: true,
            formatter: function () {
                return "<b>" + this.series.name + "</b><br/>" + this.x + ": " + this.y + unit
            }
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: false
                },
                enableMouseTracking: true
            }
        },
        series: dataValues
    })
}
function showPieChart(chartContainer, chartTopic, dataValues, unit, str) {
    chartContainer.highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            shadow: false
        },
        title: {
            text: chartTopic
        },
        colors: [
                '#009ad9', //第一个颜色
                '#ef00a9', //第二个颜色
                '#00d9a8', //第三个颜色
                '#5ab700', //。。。。
                '#e8bf00', //。。。。
                '#eea02e', //第一个颜色
                '#e7340c', //第二个颜色
                '#ef00a9', //第三个颜色
                '#ae00ef', //。。。。
                '#8c33e7', //。。。。
                '#4f92f6', //。。。。
                '#0060ef' //。。。。
            ],
        tooltip: {
            formatter: function () {
                return '<b>' + this.point.name + '</b>: ' + Highcharts.numberFormat(this.percentage, 1) + '% (' + Highcharts.numberFormat(this.y, 0, ',') + unit + ')';
            }
        },
        plotOptions: {
            pie: str
        },
        series: [
                { type: "pie", data: dataValues }
            ]
    }
    )
}
function showMapChart(chartContainer, dataValues, gdpData) {

}